<div id="once-grid" class="row">
    <link rel="stylesheet" type="text/css" href="/public/static/plugin/grid/jquery.grid.css" />

    <div class="col-md-12">
        <div class="nav-tabs-custom">
            <!-- Tabs within a box -->
            <ul class="nav nav-tabs pull-right">
                <{foreach from=$grid item=item key=key}>
                <li><a data-toggle="tab" class="grid-tab" href="#<{$item.target}>"><{$item.name}></a></li>
                <{/foreach}>

                <li class="pull-left header"><i class="fa fa-table"></i> <{'数据信息' t}></li>
            </ul>
            <div class="tab-content no-padding">
                <!-- Morris chart - Sales -->
                <{foreach from=$grid item=item key=key}>
                <div style="position: relative; margin: 10px;" id="<{$item.target}>" class="tab-pane active">加载中</div>
                <{/foreach}>
            </div>
        </div>
    </div>

    <script src="/public/static/plugin/grid/jquery.grid.js"></script>
    <script src="/public/static/plugin/grid/jquery.grid.rule.js"></script>
    <script>
        $(function(){
            <{foreach from=$grid item=item key=key}>
            $("#<{$item.target}>").grid('<{$item.config nofilter}>');
            <{/foreach}>

            if($("a.grid-tab").length > 0) $("a.grid-tab").first().click();
        });
    </script>
</div>